<!DOCTYPE html>
	<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
	</head>
	<body>
		<!-- 标题标签通过h1到h6从大到小展示 -->
		<h1>我是最大的标题</h1>
		<h2>我是第二大的标题</h2>
		<h3>我是第三大的标题</h3>
		<h4>我是第四大的标题</h4>
		<h5>我是第五大的标题</h5>
		<h6>我是最小的标题</h6>
		<!-- ul为无序列表标签，type用于定义样式 -->
		<ul type="circle">
			<li>豆浆</li>
			<li>油条</li>
			<li>豆汁</li>
			<li>焦圈</li>
		</ul>
		<ul type="disc">
			<li>豆浆</li>
			<li>油条</li>
			<li>豆汁</li>
			<li>焦圈</li>
		</ul>
		<ul type="square">
			<li>豆浆</li>
			<li>油条</li>
			<li>豆汁</li>
			<li>焦圈</li>
		</ul>
		<!-- ol为有序列表标签，type表示编号样式 -->
		<ol type="1">
			<li>豆浆</li>
			<li>油条</li>
			<li>豆汁</li>
			<li>焦圈</li>
		</ol>
		<ol type="a">
			<li>豆浆</li>
			<li>油条</li>
			<li>豆汁</li>
			<li>焦圈</li>
		</ol>
		<ol type="A">
			<li>豆浆</li>
			<li>油条</li>
			<li>豆汁</li>
			<li>焦圈</li>
		</ol>
		<ol type="i">
			<li>豆浆</li>
			<li>油条</li>
			<li>豆汁</li>
			<li>焦圈</li>
		</ol>
		<ol type="I">
			<li>豆浆</li>
			<li>油条</li>
			<li>豆汁</li>
			<li>焦圈</li>
		</ol>
		<!-- 列表和列表间可以嵌套 -->
		<ul>
			<li>无序列表项</li>
			<li>无序列表项</li>
			<li>无序列表项</li>
			<ul>
				<li>无序子列表项</li>
				<ul>
					<li>无序孙列表项</li>
				</ul>
				<li>无序子列表项</li>
				<ul>
					<li>无序孙列表项</li>
				</ul>
				<li>无序子列表项</li>
				<ul>
					<li>无序孙列表项</li>
				</ul>
			</ul>
		</ul>
		<ol>
			<li>有序列表项1</li>
			<ol>
				<li>有序子列表项</li>
			</ol>
			<li>有序列表项2</li>
		</ol>
	</body>
	</html>	